<template>
  <div style="width:100%;height:100%;" ref="progressCharts">aaa</div>
</template>

<script>
import * as Echarts from 'echarts';
export default {
  name:'progressCharts',
  mounted(){
    let progressCharts = Echarts.init(this.$refs.progressCharts)
    progressCharts.setOption({
      // X轴配置项
      xAxis:{
        show:false,
        min:1,
        max:100
      },
      // Y轴配置项
      yAxis:{
        show:false,
        // y轴均分
        type:'category'
      },
      series:[
        // 柱状图
        {
          type:'bar',
          data:[78],
          // 宽度为10
          barWidth:10,
          color:'yellowgreen',
          // 启动背景图
          showBackground:true,
          // 设置背景图为 #eee
          backgroundStyle:{
            color:'#eee'
          }
        }
      ],
      // 文本标签
      label:{
        show:true,
        color:'red',
        // 改变文本内容
        formatter: '|',
        // 文本标签位置
        position:'right'
      }
    })
  }
}
</script>

<style>

</style>